<!--
 * @Author: your name
 * @Date: 2021-08-04 14:47:52
 * @LastEditTime: 2021-08-04 15:25:57
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \briup\3-html&css\day03\3-input.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>input</title>
</head>
<body>
    <form action="" method="GET">
        <!-- 单行文本框 -->
        用户名：<input  type="text" name="username" id="username" maxlength="10"><br/>
        <!-- 密码框 输入内容会用小圆点替代 -->
        密码：<input type="password" name="password" id="password"><br/>
        <!-- 数字框 -->
        年龄：<input type="number" name="age" id="age" min="0" max="120"><br/>
        <!-- 复选框 -->
        爱好：<input type="checkbox" name="reading" id="reading" value="reading" checked >
               <label for="reading">阅读</label>
               <input type="checkbox" name="panting" id="panting" value="panting">
               <label for="panting">画画</label>
               <input type="checkbox" name="singing" id="singing " value="singing ">
               <label for="singing ">唱歌</label>
        <br/>
        <!-- 单选框 -->
        水果：<input type="radio" name="like" id="banana"  value="banana" >
        <label for="banana">香蕉</label>
        <input type="radio" name="like" id="apple" value="apple" >
        <label for="apple" >苹果</label>
        <br/>
        <!-- 文件 -->
         文件：<input type="file" name="file" id="file">
        <br/>
        <!-- 隐藏 -->
        隐藏：<input type="hidden" name="hidden"  value="用户通过h5页面注册" ><br/>
        <!-- 日期 -->
        <input type="week" name="week" ><br/>
        <!-- 提交 -->
        <input type="submit" value="提交">
        <!-- 重置 -->
        <input type="reset" value="重置">
    </form>
</body>
</html>